<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<title>展览</title>
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-router@3"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/base.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/media.css"/>
<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/search.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="css/lunbo.css"/>
<script src="js/lunbo.js" type="text/javascript" charset="utf-8"></script>
<script src="js/danru.js" type="text/javascript" charset="utf-8"></script>
<script src="js/tuceng.js" type="text/javascript" charset="utf-8"></script>
<style>
	/* 添加缩放动画效果 */
	.scale-in {
		animation: scale-in 3s ease-in-out forwards;
	}

	@keyframes scale-in {
		from {
			transform: scale(0);
			opacity: 0;
		}
		to {
			transform: scale(1);
			opacity: 1;
		}
	}
		      /* 添加旋转动画效果 */
 

			  .rotating-image {
            transition: transform 0.5s ease-in-out;
            display: block;
        }
</style>
</head>
<body>
<!--头部-->
<header class="header">
	<div class="top hidden-sm hidden-xs ">
		<div class="container">
			<div class="pull-left">探索敦煌文化，千年文化之旅的起点。</div>
			<div class="pull-right">
				<form action="#" method="get" class="fl">
					<input type="text" placeholder="热门搜索：洞窟" />
					<input class="sou_colour" type="button" value="" onclick="searchAndScroll()" />					
				</form>
			</div>
		</div>
	</div>
		
	<div class="logo_box">
		<div class=" container">
		<div class="logo pull-left">
			<img src="images/logo.png" alt="" height="60"  />
		</div>
		
		<button	class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
		</button>

		<div class="nav_box collapse navbar-collapse pull-right">
			<ul class="nav navbar-nav" id="nav_sj">
				<li><a href="index.html">首页</a></li>
				<li><a href="wenchuang.html">文创</a></li>
				<li><a class="acitve" href="exhibition.html">展览</a></li>
				<li><a href="dongku.html">洞窟</a></li>
				<li><a href="bihua.html">壁画</a></li>
				<li><a href="login.html">登录</a></li>
				<li><a href="register.html">注册</a></li>
				<li class="tel"><a href="message.html">留言板</a></li>
			</ul>
		</div>
		</div>
	</div>
</header>

<!-- 轮播图 -->
<section class="banner">
	<div id="container">
		<div id="viewwrap">
			<div id="imgs">
				<a>
					<img src="images/lunbo_2.jpg" alt="" class="img-responsive" />
				</a>
				<a>
					<img src="images/lunbo_4.jpg" alt="" class="img-responsive" />
				</a>
				<a>
					<img src="images/lunbo_1.jpg" alt="" class="img-responsive" />
				</a>
				<a>
					<img src="images/lunbo_3.jpg" alt="" class="img-responsive" />
				</a>
			</div>
			<i class="imgicon icon_l"></i>
			<i class="imgicon icon_r"></i>
			<div id="numwrap">
				<i class="num focus" name="0"></i>
				<i class="num" name="1"></i>
				<i class="num" name="2"></i>
				<i class="num" name="3"></i>
			</div>
		</div>
	</div>
</section>

<!--位置导航-->
<div class="mbx">
	<div class="container">
		您的位置：<a href="index.html">首页</a> > <a href="exhibition.html">展览</a>
	</div>	
</div>

<!-- 常设展览 -->
<div class="con container">
	<div class="protext container">
		<h1 id="exhibition-heading">常设展览</h1>
		<hr />
	</div>
	<div class="procon text-center">
		<div class="col-md-4 col-sm-4 col-md-6">
			<a href="#">
				<dl>
					<dt><img src="images/cshe_1.jpg" class="img-responsive"/></dt>
					
					<dd>
					<h4><span>云衣霓裳——敦煌唐代服饰文化暨创新设计线上展</span></h4>
					<p>展览地点： 敦煌研究院“莫高精神”展厅</p>
					<p>展览时间：  2022年7月22日-9月30日</p>
					</dd>
				</dl>
			</a>
		</div>
		<div class="col-md-4 col-sm-4 col-md-6">
			<a href="#">
				<dl>
					<dt><img src="images/cshe_2.jpg" class="img-responsive"/></dt>
					<dd>
					<h4><span >沙漠瑰宝——敦煌石窟经典洞窟复制展</span></h4>
					<p>展览地点： 敦煌研究院陈列中心</p>
					<p>展览时间：  常设时间</p>
					</dd>
				</dl>
			</a>
		</div>
		<div class="col-md-4 col-sm-4 col-md-6">
			<a href="#">
				<dl>
					<dt><img src="images/cshe_3.jpg" class="img-responsive"/></dt>
					<dd> 
					<h4><span >敦煌丝绸</span></h4>
					<p>展览地点： 敦煌研究院陈列中心</p>
					<p>展览时间：  常设时间</p>
					</dd>
				</dl>
			</a>
		</div>
		

			<!--页码-->
			<div class="pagess text-center">
				<ul><li class="previous_s"><a href="#">上一页</a></li>
					<li class="pages_solid"><a href="#">1</a></li>
					<li class="pages_hollow"><a href="#">2</a></li>
					<li class="pages_hollow"><a href="#">3</a></li>
					<li class="pages_hollow"><a href="#">4</a></li>
					<li class="next"><a href="#">下一页</a></li>
				</ul>
			</div>
	</div>
</div>


<!--赴外展览-->
<div class="cpzx text-center">
	<div class="container">
		<div class="protext container">
			<h1>赴外展览</h1>
			<hr />
		</div>
		<div class="cpzx_con1 row text-center">
			<div class="col-md-7 col-sm-7 col-xs-12">
				
				<div id="app">
					<router-view></router-view>
				</div>
			</div>
			
			<div class="col-md-5 col-sm-5 col-xs-12">	
				<ul>
					<li>						
						<a>
							<h4>飞天神韵·莫高精神——敦煌石窟文化艺术展 </h4>
						</a>
						<p>
							<span>展览地点： 平凉市博物馆一楼展厅</span>
							<span>展览时间： 2020年7月28日-9月28日</span>
						</p>	
					</li>
					
					<li>
						<a>
							<h4>千孔洞窟·万象之上——敦煌壁画艺术精品公益巡展走进北京市鼎石学校 </h4>
						</a>
						
						<p>
							<span>展览地点： 北京市鼎石学校</span>
							<span>展览时间： 2021年8月15日—9月15日</span>
						</p>
					</li>
					<li>
						<a>
							<h4>琉光溢彩——平山郁夫丝绸之路美术馆藏古玻璃珍品展</h4>
						</a>
						<p><span>展览地点： 敦煌研究院陈列中心一楼展厅</span>
							<span>展览时间： 2021年8月8日-11月10日</span>
						</p>
					</li>
					<li>
						<a>
							<h4>敦行故远：故宫敦煌特展 </h4>
						</a>
						<p><span>展览地点： 故宫博物院午门展厅</span>
							<span>展览时间： 2021年9月17日-11月18日</span>
						</p>
					</li>
				</ul>
			</div>				
		</div>
	</div>
</div>



<!--历年展览-->
<div class="cpzx text-center">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="protext container">
					<h1>历年展览</h1>
					<hr />
				</div>
			</div>
			<div class="cpzx_con text-center">
				<div class="col-md-4 col-sm-4 col-xs-12">
					<a href="#">
						<img src="images/linian_1.jpg" />
					</a>
				</div>
				<div class="col-md-4 col-sm-4 col-xs-12">
					<a href="#">
						<img src="images/linian_2.jpg" />
					</a>
				
				</div>
				<div class="col-md-4 col-sm-4 col-xs-12">
					
					<a href="#">
						<img src="images/linian_3.jpg" />
					</a>
				</div>
			</div>			
		</div>
	</div>
</div>


<!--底部-->
<footer class="footer hidden-xs">
    <div class="line_big container text-center">
      <div id="app-1">
        <div class="col-sm-3 col-md-3">
          <div class="service-box">                
            <rotating-image image-src="images/footer.jpg"></rotating-image>
            <h4>遇见敦煌微信号</h4>
          </div>
        </div>
        <div class="col-sm-3 col-md-3">
          <div class="service-box">            
            <rotating-image image-src="images/footer.jpg"></rotating-image>
            <h4>遇见敦煌微信视频号</h4>
          </div>
        </div>
        <div class="col-sm-3 col-md-3">
          <div class="service-box">            
            <rotating-image image-src="images/footer.jpg"></rotating-image>
            <h4>遇见敦煌微信订阅号</h4>
          </div>
        </div>
        <div class="col-sm-3 col-md-3 ewm">
          <div class="service-box text-left">
            <h3>联系我们</h3>
            <div class="ewm_f">
              <p>电话: 020-38046811</p>
              <p>邮箱: 4679350271@qq.cpm</p>
              <p>网址: www.z-dunhuang.com</p>
              <p>地址: 广东省广州市</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="copy col-md-12">
      <div class="text-center">遇见敦煌版权所有 2024-2025 © Copyright For Dunhuang © www.z-dunhuang.com Tel:(86) 0937-1235488 . 粤ICP备101003344号 </div>
    </div>
  </footer>

 

<!--移动端底部导航-->
<div class="phonefooternav">
    <ul>
        <li>
            <a href="exhibition.html">
               
                <span>展览</span>
            </a>
        </li>
        <li>
            <a href="dongku.html">
             
                <span>洞窟</span>
            </a>
        </li>
        <li>
            <a href="bihua.html">
                
                <span>壁画</span>
            </a>
        </li>
        <li>
            <a href="index.html">
                
                <span>返回首页</span>
            </a>
        </li>
    </ul>
</div>
</body>	

<script src="js/scale-vue.js" type="text/javascript" charset="utf-8"></script>
<script src="js/rotating-vue.js" type="text/javascript" charset="utf-8"></script>
</html>
